<div class="page-header">
    <h1 class="page-title">客户管理</h1>
    <button class="btn btn-primary" onclick="openCustomerModal()">
        <i class="fas fa-plus"></i> 添加客户
    </button>
</div>

<div class="table-container">
    <table id="customersTable" class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>户号</th>
                <th>户名</th>
                <th>地址</th>
                <th>联系电话</th>
                <th>用电类型</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <!-- Thymeleaf循环渲染客户数据 -->
            <tr th:each="customer : ${customers}">
                <td th:text="${customer.customerCode}"></td>
                <td th:text="${customer.customerName}"></td>
                <td th:text="${customer.address}"></td>
                <td th:text="${customer.phone}"></td>
                <td th:text="${customer.customerType}"></td>
                <td>
                    <!-- 这里可以放编辑、删除等操作按钮 -->
                    <button class="btn btn-sm btn-info">编辑</button>
                    <button class="btn btn-sm btn-danger">删除</button>
                </td>
            </tr>
        </tbody>
    </table>
</div> 